<template>
	<view class="all-main">
		<view class="main">
			<view class="pay-s">
				<view class="pay-icon">
					<u-icon name="checkmark-circle-fill" color="#19be6b" size="80"></u-icon>
				</view>
				<text>支付成功</text>
			</view>
			<view class="pay-con">
				成功支付
				<text class="money">{{money}}</text>
				，详情请查看 
				<text class="order" @click="order">我的订单</text>
			</view>
			<view class="btn">
				<text @click="order">确定</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				money: 0
			}
		},
		onLoad(e) {
			if (e.money && e.money != undefined && e.money != '') {
				this.money = e.money
			}
		},
		methods: {
			// 我的订单
			order() {
				uni.navigateTo({
					url: '/pages/version5/index/shop/order/index?type=1'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.all-main {
		.main {
			padding: 30rpx;
			.pay-s {
				padding-top: 100rpx;
				text-align: center;
				
				.pay-icon {
					padding-bottom: 20rpx;
					display: flex;
					justify-content: center;
				}
				
				text {
					font-size: 56rpx;
				}
			}
			
			.pay-con {
				padding: 30rpx 0;
				font-size: 28rpx;
				text-align: center;
				.money {
					padding: 0 10rpx;
					color: #fa3534;
					font-weight: bold;
				}
				.order {
					padding: 0 10rpx;
					color: #2979ff;
				}
			}
			
			.btn {
				padding: 30rpx 50rpx;
				text-align: center;
				
				text {
					border-radius: 10rpx;
					background-color: #2979ff;
					font-size: 36rpx;
					color: #ffffff;
					font-weight: bold;
					padding: 10rpx 180rpx;
				}
			}
		}
	}
</style>
